<template>
    <el-container>
        <el-aside width="195px">
            <TextLeft :configs="text_configs" />
        </el-aside>
        <el-main>
            <TextContent :configs="text_configs" />
        </el-main>
    </el-container>
</template>

<script setup lang="ts">
import TextLeft from './TextLeft.vue';
import TextContent from './TextContent.vue';
const text_configs = ref({
    listen: false,
    function: {
        select: 'uart',
        config: {
        }
    },
    ui: {
        refresh: 30,
        show_max_item: 1000,
        buffer_max_item: 30000
    }
})
</script>

<style scoped>
.el-container {
    height: 100%;
    background-color: #e5e7eb;
}

.el-main {
    padding: 0;
}

.el-col {
    height: 100%;
}
</style>